@import '../../../asset/scss/mixin/export.scss';

.page-content{
    padding-top: 50px;
    padding-bottom: $pt20;
}

.header{
    .header_img{
        width: 100%;
    }
    .title_img{
        display: block;
        margin: 0 auto;
        width: 90%;
    }
    margin-bottom: $pt10;
}

.list{
    padding: 0 $pt20;
    .li{
        @include flex();
        @include justify(space-between,justify);
        @include align(center,center);
        margin-bottom: $pt20;
        .li_img{
            width: $pt75;
        }
        .text{
            margin-left: $pt10;
            width: 6rem;
            .title{
                @include font_nb_gn;
                margin: 0;
            }
            .content{
                @include font_nn_gll;
                margin: 0;
            }
        }
        
    }
    .li:last-child{
        margin-bottom: 0;
    }
    .li:after{
        content: '';
        display: block;
        clear: both;
    }
}

.loan .important{
    color: $energized;
}

.promote .important{
    color: $balanced;
}

.repay .important{
    color: $positive;
}

.explain{
    padding: 0 $pt20;
    font-size: $fontNs;
    color: $grayLl;
}